//传入一个opt,它是一个对象
function getdata(opt){
	$.ajax({
	//如果有才使用,没有则用默认值
	type:opt.type || "get" ,
	url:opt.url || "xxx.action" ,
	data:opt.data || {} ,
	dataType:"json" ,
	success:function(res){
	//如果需要把数据转换成json
	var data=JSON.parse(res);
	//执行callBack函数,代码意思是,如果有函数则执行函数.
	opt["callBack"] && opt["callBack"](res);
}});
}
//调用方式
getdata({type:"post",
callBack:function(res){alert(res)},
data:{"name":"xiaoming"}});
//遍历json,过滤不需要的数据.
function eachdata(data){
	var newArr=[];
	data.forEach(function(item){
		//每遍历一次,就往空数据里面添加一个对象.
		newArr.push({
			title:item.title,
			year:item.year,
			img:item.img
		});
	});
}
function createDiv(data){
	//创建一个div元素
	var div=document.createElement("div");
	//获取body节点 
	var body=document.getElementsByTagName("body")[0];
	div.className="movie";
	//两个反引号里面的就是表是长文本,换行时不再需要拼接,${data.title}在字符串中直接使用变量
	div.innerHTML=`
		<div class="ckdiv">
			<div style="display: block;height:10px;width:100%;text-align:center;">
			${data.title}
	    </div>
	    <div style="margin:9px 0 0 15px">
	    	${data.img}
	    </div>
	`
	//把创建的div插入到body
	body.appendChild(div);
	
}
function createDiv(data){
	var arr=[9,3,4,6,2,8];
	//通过Math.min方法先获取数组中最小的值是多少,再获取这个值的索引
	var min=arr.indexOf(Math.min(...arr));
	//创建一个div元素
	var div=document.createElement("div");
	var body=document.getElementsByTagName("body")[0];
	div.className="movie";
	div.innerHTML=`
		<img src="${data.img}">
	`
	body.appendChild(div);
	//当图片加载完成后再执行操作
	div.querySelector("img").onload = function(){
		//获取元素的绝对top值
		var tpo=div.offsetTop;
		//获取元素的绝对left值
		var left=div.offsetLeft;
		//获取元素的高度和宽度
		var height=div.offsetHeight;
		var width=div.offsetWidth;
	}
	
	
}
window.onload=function(){
	var index=0;
	var width=0,height=0;
   ~~function createDiv(data){
	var movie=document.getElementsByClassName("movie")
	movie.forEach(function(item){
		item.style.top=height+"px";
		item.style.left=width+"px";
		item.querySelector("img").onload = function(){
		height=height+item.offsetHeight+10;
		index<5&&createDiv();
		index++;
		};
	});
	var min=arr.indexOf(Math.min(...arr));
	console.log(min);
	
	}();
   }
   //浏览器滚动事件
window.addEventListener("scroll", function(e) {
	//用户的最大可视处等于滚动了的距离加上浏览器窗口自己的高度;
	var height=document.body.scrollTop + window.innerHeight;
	var a=882;
	//满足前者判断条件后,可执行多条语句用(,)逗号隔开
	(height <= a) && (a+=1 , console.log(a));
});
//闭包的实现
function insert(){
	var key,val;
	//返回的函数内部持有外部变量
	return function(arg0,arg1){
		//返回的函数再执行时可以赋值
		arg0!=null&&(key=arg0);
		arg1!=null&&(val=arg1);
		//返回key,value数据
		return [key,val];
	}
}